<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<p:dialog xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui" 
	xmlns:of="http://omnifaces.org/functions"
	xmlns:pe="http://primefaces.org/ui/extensions"
	modal="true" width="660" height="500" resizable="false" 
	widgetVar="dialogListFuncionario" id="listDialogFuncionario"
	appendToBody="true">

	<link type="text/css" rel="stylesheet" href="../../resources/css/style.css" />
	
	<f:facet name="header">
			<h:outputText value="Consultar Funcionário"/>
	</f:facet>
	
	<h:form prependId="false" id="formlistFuncionario">
		<div style="margin-left:5%;">
			<p:messages autoUpdate="true"/>
			<h:panelGrid columns="8">
				<h:outputText value="Filtrar por:" />
								
				<p:inputText id="inputSearchFilterCodFuncionario" style="width:50px;" value="#{servicoBean.filterId}" title="Código" maxlength="15">
					<pe:keyFilter regEx="/[\d]/" />
				</p:inputText>
				<p:watermark value="Código" for="inputSearchFilterCodFuncionario"/>
				
				<p:inputText id="inputSearchFilterFuncionario" style="width:250px;" value="#{servicoBean.filter}" maxlength="100" title="Nome"/>
				<p:watermark value="Nome" for="inputSearchFilterFuncionario"/>
				
				<p:commandButton icon="ui-icon-search" style="height:24px;" title="Consultar" id="searchButtonFuncionario" update="@form" actionListener="#{servicoBean.fillFuncionarioByFilter}"/>
				<p:commandButton icon="ui-icon-plus" style="height:24px;" actionListener="#{servicoBean.openDialogAddFuncionario}" title="Novo"/>
				<p:commandButton icon="ui-icon-check" title="Selecionar" actionListener="#{servicoBean.addFuncionario}" process="@this formlistFuncionario" update="formlistFuncionario" style="height:24px;"/>
			</h:panelGrid>
		
			<div style="padding-top:10px;">
				<p:dataTable style="width:575px" var="funcionario" 
					value="#{servicoBean.funcionariosToAdd}" id="tableFuncionariosAdd"
					paginator="true" rows="10" paginatorPosition="bottom"
					selection="#{servicoBean.selectedFuncionarios}" rowKey="#{funcionario.id}"
					emptyMessage="Não há registros">  
					
					<p:ajax event="rowDblselect" listener="#{servicoBean.addFuncionario}"/>
					
					<p:column selectionMode="multiple" style="text-align:center; width:15px;"/>
				 
					<p:column headerText="Nome">  
				    	<h:outputText value="#{of:abbreviate(funcionario.nome, 70)}" />  
					</p:column>
					
			  	</p:dataTable>
			</div>
		</div>
	</h:form>
</p:dialog>